<template>
  <div class="container">
    <div v-slide-in class="item" v-for="i in 50" :key="i">{{ i }}</div>
    <!-- <div v-slide-in class="item">2</div>
    <div v-slide-in class="item">3</div>
    <div v-slide-in class="item">4</div> -->
  </div>
</template>

<script setup>
console.log(import.meta.env.VITE_BASE_URL)
</script>
<style scoped>
.item {
  width: 500px;
  height: 500px;
  background: red;
  margin-top: 20px;
}
</style>
